body {
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    background: #ecedee;
}
.container{
    width: 100%;
    background: #ecedee;
}
/*头部*/
.header{
    width: 100%;
    height: 48px;
    background: #fff;
    box-shadow:0px 2px 2px #999;
    /*box-shadow:0px -1px 0px 0px rgba(0,0,0,0.2);*/
}
.h-container{
    width: 960px;
    margin:0 auto;
    /*text-align: center;*/
}
.h-container .logo{
    float: left;
    width: 80px;
    height: 48px;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center left;
}
.h-container ul.menu{
    margin-left: 74px;
}
.h-container ul.menu li{
    width:28px;
    height:20px;
    font-size:14px;
    font-family:PingFangSC-Semibold;
    color:rgba(53,103,245,1);
    line-height:48px;
    padding: 0 20px;
    font-weight: 600;
}

.h-container ul.menu li.acive a{
    display: inline-block;
    color:#3567f5;
    border-bottom: 3px solid #3567f5;
    height: 48px;
}
.login,.register{
    float: right;
    margin-right: 10px;
}

.login span,.register span{
    font-size: 16px;
    line-height: 48px;
    color:#000;
}
/*.icon{*/
/*width: 16px;*/
/*height: 16px;*/
/*display: inline-block;*/
/*line-height: 48px;*/
/*background-repeat: no-repeat;*/
/*background-size: contain;*/
/*}*/
/*.icon_login{*/
/*background-image: url("");*/
/*}*/
/*.icon_register{*/
/*background-image: url("");*/
/*}*/

.content{
    min-height:1440px;
    text-align: center;
    width: 982px;
    margin:20px auto;
}

.content .recommend{
    width:980px;
    height:315px;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);
    border-radius:3px;
    border:1px solid rgba(0,0,0,0.15);
}
    .tit{
        padding: 8px 10px;
        text-align: left;
        height:20px;
        font-size:14px;
        font-family:PingFangSC-Semibold;
        color:rgba(74,74,74,1);
        line-height:20px;
        font-weight: 600;
        border-bottom: 1px solid #F0F0F1;
    }

    .rec-list{
        width: 100%;
        height: 67px;
        display: block;
        text-align: left;
        padding: 20px;
        border-bottom: 1px solid #F0F0F1;
    }
    .rec-list .class-item{
        width: 313px;
        height: 67px;
        display: block;
        float: left;
    }
        .rec-list .class-item p{
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Semibold;
            color:rgba(53,103,245,1);
            line-height:18px;
            font-weight: 600;
        }
            .ic{
                width:14px;
                height:14px;
                display: inline-block;
                margin-right: 9px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
            }
            .ic-topic{
                background-image: url("");
            }
            .ic-guide{
                background-image: url("");
            }
            .ic-ash{
                background-image: url("");
            }
        .rec-list .class-item a{
            display: block;
            margin-top: 6px;
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Semibold;
            color:rgba(155,155,155,1);
            line-height:18px;
        }
    .picker{
        text-align: left;
        padding: 20px;
    }
    .picker .title{
        height:18px;
        font-size:13px;
        font-family:PingFangSC-Semibold;
        color:rgba(53,103,245,1);
        line-height:18px;
        font-weight: 600;
    }
    .picker a{
        display: block;
    }
    .picker .pick-title{
        margin-top: 5px;
        height:20px;
        font-size:14px;
        font-family:PingFangSC-Semibold;
        color:rgba(30,30,30,1);
        line-height:20px;
        font-weight: 600;
    }
    .picker .desc{
        margin:5px 0;
        font-weight: 600;
    }
        .desc .author{
            height:17px;
            font-size:12px;
            font-family:PingFangSC-Semibold;
            color:rgba(155,155,155,1);
            line-height:17px;
        }
        .desc .time{
            margin-left: 20px;
            height:17px;
            font-size:12px;
            font-family:PingFangSC-Semibold;
            color:rgba(155,155,155,1);
            line-height:17px;
        }
        .cont{
            height:60px;
            font-size:13px;
            font-family:PingFangSC-Semibold;
            color:#4A4A4A;
            line-height:20px;
            font-weight: 600;
        }


.content .information{
    width:980px;
    min-height:1053px;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 10px 0px rgba(0,0,0,0.05);
    border-radius:3px;
    border:1px solid rgba(0,0,0,0.15);
    margin-top: 12px;
}

.info-list{
    width: 100%;
    text-align: left;
}
.info-list .info-item{
    padding: 20px;
    border-bottom: 1px solid #F0F0F1;
    display: block;
}
    .info-list a{
        display: block;
    }
    .info-list .info-tit{
        margin-top: 5px;
        height:20px;
        font-size:14px;
        font-family:PingFangSC-Semibold;
        color:rgba(30,30,30,1);
        line-height:20px;
        font-weight: 600;
    }
    .info-list .info-desc{
        margin:5px 0;
        font-weight: 600;
    }
    .info-list .info-author{
        height:17px;
        font-size:12px;
        font-family:PingFangSC-Semibold;
        color:rgba(155,155,155,1);
        line-height:17px;
    }
    .info-list .info-time{
        margin-left: 20px;
        height:17px;
        font-size:12px;
        font-family:PingFangSC-Semibold;
        color:rgba(155,155,155,1);
        line-height:17px;
    }
    .info-list .info-cont{
        font-size:13px;
        font-family:PingFangSC-Semibold;
        color:#4A4A4A;
        line-height:20px;
        font-weight: 600;
    }